
.suit{
	width: 100%;
	min-width: 650px;
}

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before{
	content: "部分顾客\a0\a0所有顾客";
	width: 80px;
	height: 30px;
	line-height: 30px;
	background-color: deepskyblue;
	border: 0px;
}

input[type=checkbox].ace.ace-switch.ace-switch-4.font+.lbl.font::before, input[type=checkbox].ace.ace-switch.ace-switch-5.font+.lbl.font::before{
	content: "非会员价      \a0同享会员价";
	width: 91px;
	height: 30px;
	line-height: 30px;
	background-color: deepskyblue;
	border: 0px;
}

input[type=checkbox].ace.ace-switch.ace-switch-4.font:checked+.lbl.font::after,
input[type=checkbox].ace.ace-switch.ace-switch-5.font:checked+.lbl.font::after{
 	left:64px;
 }


input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::after,
input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::after{
 	left:55px;
 }

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::after, 
input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::after{
	height: 26px;
	width: 26px;
}

.suit .suit-content{
	margin-top: 20px;
	width: 100%;
	height: 795px;
	background: white;
}

.suit img{
	margin-left: 1%;
}

.suit .suit-content i{
	float: right;
	display: inline-block;
	margin-right: 1%;
	line-height: 55px;
	height: 55px;
	color: deepskyblue;
}

.suit .suit-content >div{
	height: 55px;
	line-height: 55px;
}

.suit .suit-content >div:nth-child(1){
	display: flex;
}

.suit .suit-content >div:nth-child(1) p{
	flex:1;
}

.suit .suit-content >div:nth-child(1) p input{
	width: 48%;
}

.suit .suit-content >div span{
	
	display: inline-block;
	width: 12%;
	text-align: right;
}
.suit .suit-content >div span sup{
	color: red;
}



.suit .suit-content input{
	width: 10%;
	margin-left: 1%;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	border: 1px solid #c8c8c8;
	
}

.suit .suit-content input.width{
	width: 12%;
	text-align: center;
}

.suit .suit-content div.table{
	position: relative;
	height: 320px;
}

.suit .suit-content div.table img{
	position: absolute;
	right: 3%;
	top: 75px;
	float: right;
}

.suit .suit-content  div:nth-child(3){
	display: flex;
}
/*.suit .suit-content  div:nth-child(3) span{
	float: left;
}*/

.suit .suit-content  div:nth-child(3) p{
	width: 41%;
	height: 36px;
	
}

.suit .suit-content  div:nth-child(3) p input{
	width: 100%;
}

.suit .suit-content  div:nth-child(3) i{
	display: inline-block;
	margin: 10px;
	width: 15px;
	height: 15px;
	float: left;
}


.suit .suit-content table{
	border: 1px solid #c8c8c8;
	margin-left: 13%;
	width: 80%;
	height: 255px;
	text-align: center;
	
	
}

.suit .suit-content .table{
	position: relative;
}

.suit .suit-content .table i{
	position: absolute;
	display: inline-block;
	width: 15px;
	height: 15px;
	top: 50px;
	right: 10px;
}


.suit .suit-content table tr th{
	background: #76d4f6;
	height: 50px;
	text-align: center;
}

.suit .suit-content table tr th:nth-child(1){
	width: 35%;
}

.suit .suit-content table tr th:nth-child(2){
	width: 25%;
}

.suit .suit-content table tr th:nth-child(3){
	width: 25%;
}

.suit .suit-content table tr th:nth-child(4){
	width: 15%;
}



.suit .suit-content table tr td{
	height: 65px;
	line-height: 65px;
	text-align: center;
	
}

.suit .suit-content table tr td span{
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border: 1px solid #c8c8c8;
	font-size: 28px;
}
.suit .suit-content table tr td span.add{
	background: #76d4f6;
	color: white;
	border: 0px;
}

.suit .suit-content table tr:nth-child(3){
	background: #c7f1ff;
}

.suit .suit-content table tr td input{
	width: 90%;
}

.suit div.button{
	margin-top: 20px;
}
.suit div.button > span{
	font-size: 18px;
	width: 120px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 3px;
	
	
	
}

.suit div.button  span.left{
	margin-left: 12%;
	border: 1px solid #c8c8c8;
	color: #c8c8c8;
}

.suit div.button  span.right{
	background: #76d4f6;
	color: white;
	margin-left: 12%;
}
















